<template>
	<view :style="{height:height?height+'rpx': ''}">
		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" circular :duration="400" style="height: 100%;">
			<swiper-item v-for="item,index in swiperData" :key='index'>
				<navigator :url="`../../subpkg/goodsDetial/goodsDetial?id=${item.goods_id}`" style="display: block;width: 100%;height: 100%;">
					<image :src="item.image_src" style="width: 100%;height: 100%;"></image>
				</navigator>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		name:"Swiper",
		props:['height',"swiperData"],
	}
</script>

<style lang="scss">

</style>
